<template>
	<view class="container">
		<view class="jieLong">
			<view class="jieLong-status">
				<button class="tui-btn tui-btn-mini   " hover-class="tui-outline-hover" v-for="(item,index) in orderData['orderTotal']['selectList']" :key="index" :class="index == select_item?'tui-primary-outline':'tui-outline-fillet'" @click="activate(index,item.select,item.amount,item.count)">{{item.title}}</button>
			</view>
		</view>
	
		<view class="tui-operation tui-chat-operation">
			<view class='tui-right-flex tui-input-box'>
				<tui-icon name="search" size="20" color="#cccccc"></tui-icon>
				<input class="tui-chat-input" confirm-type="search" @confirm="bindconfirm"  name="keyword" v-model="keyword" placeholder="搜索订单号/手机号码"></input>
			</view>
			<view>
				<button class="tui-btn export" @click="showExport"> 导出订单 </button>
			</view>
		</view>
	
	
		<view class="tui-order-list">
			<!-- 接龙案例 -->
			<view class="tuiTips" v-if="empty == 0 && rareData.length == 0" >
				<tui-tips :fixed="false" imgUrl="/static/toast/img_nodata.png">暂时还没有内容</tui-tips>
			</view>
			<view class="case" v-for="(item,index) in rareData" :key="index">
				<tui-card :num='num(index)' :image="imageurl(item.imageurl)" :title="nickname(item.nickname)" :tag="status(item.status_name)" :time="formatDate(item.create_time)" >
					<template v-slot:body>
						<view class="case_box_title" @click="details('../my/orderdetails?order_id='+item.order_id+'&tab=0')">
							{{item['title']}}
						</view>
						<block v-for="(val,key) in item['goods_info']" :key="key"  >
							<tui-list-cell padding="0" @click="details('../my/orderdetails?order_id='+item.order_id+'&tab=0')">
								<view class="tui-goods-item">
									<view class="tui-goods-center">
										<view class="tui-goods-name">{{val.goods_attr}} + {{val.goods_number}}</view>
									</view>
								</view>
							</tui-list-cell>
						</block>
					</template>
					<template v-slot:footer>
						<view class="case_box">
							合计：<span class="amount">￥{{formatPrice(item.order_amount)}}</span>
						</view>
						<view class="case_box_order">
							<!-- <view class="case_box_order_title" v-if="orderData['info']['shipping_type'] != 2" v-for="(shipping,key) in item['shipping_param']" :key="key">{{shipping.name}}： {{shipping.val?shipping.val:''}}</view> -->
							<!-- <view class="case_box_order_title" v-for="(shipping,key) in item['shipping_param']" :key="key">
								<text v-if="shipping.key == 'mobile'" style="float: left;line-height: 38rpx;" @click="phonecall(shipping.val)">{{shipping.name}}： </text>
								<text v-if="shipping.key == 'mobile'" style="color:#1193E3;float: left;line-height: 38rpx;" @click="phonecall(shipping.val)">{{shipping.val?shipping.val:''}}</text>
								<text v-else style="line-height: 38rpx;">{{shipping.name}}： {{shipping.val?shipping.val:''}}</text>
								<image v-if="shipping.key == 'mobile'" class="telephone" @click="phonecall(shipping.val)" src="../../static/my/icon/telephone.png"></image>
							</view> -->
							<view class="case_box_order_title">
								<view style="line-height: 38rpx;" @click="phonecall(item['shipping_param']['name'])">收件人：{{item['shipping_param']['name']}} </view>
								<view style="line-height: 38rpx;" @click="phonecall(item['shipping_param']['mobile'])">手机号：<text style="color:#1193E3;">{{item['shipping_param']['mobile']}}</text></view>
								<view style="line-height: 38rpx;">收货地址： {{item['shipping_param']['area_name']}} {{item['shipping_param']['address']}}</view>
							</view>
							<view class="case_box_order_title" style="height: 38rpx;line-height: 40rpx;text-overflow: ellipsis;white-space: nowrap;" v-if="item['remark']">备注：{{item['remark']}}</view>
							<!-- <view class="case_box_order_title">
								<view style="width: 65%;float: right;color: #07c160;font-size: 28rpx;line-height: 45rpx;">{{item.merchant_remark}}</view>
								<view style="border: 0rpx solid #1193E3;width: 35%;float: left;text-align: left;font-size: 28rpx;" class="addnumbers" @click="lookCart_comment(index,item.order_id,item.merchant_remark)">[增加]商家备注：</view>
							</view> -->
						</view>
						<block v-if="item.status == 1" v-for="(val,key) in item['express_info']" :key="key">
							<view v-if="orderData['info']['shipping_type'] == 3">
								<view v-if="val.delivery_name" class="case_box_order kuaidibottom">
									<span class="oddnumbers">{{val.delivery_name}}</span><br/>
									<view class="oddnumbers" style="float: left;padding-bottom: 25rpx;width: 50%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-height: 48rpx;">{{val.waybill_id}}</view>
									<view class="addnumbers queren_s" @click="details('../my/couriernumber?waybill_id='+val.waybill_id+'&delivery_id='+val.delivery_id+'&delivery_name='+val.delivery_name)">查看物流</view>
								</view>
							</view>
							<!-- <view v-if="item['refund_status'] == '4'" class="case_box_order kuaidibottom" style="height: 65rpx;">
								<view class="addnumbers queren" style="color:red !important;border: 1rpx solid red;" @click="refundthe(item.order_id,formatPrice(item.amount),item.real_amount)">确认退款</view>
								<view class="addnumbers quxiao" style="color:red !important;border: 1rpx solid red;" @click="refundthe_cancel(item.order_id)">取消退款</view>
							</view> -->
						</block>
					</template>
				</tui-card>
				
			</view>
			<!-- 接龙案例 -->
		</view>
	
		<!-- 导出收支帐单 -->
		<!-- <tui-modal :show="isShow" @cancel="hideExport" :custom="true" :fadein="true">
			<view class="tui-modal-export">
				<view class="tui-export-title">导出订单数据</view>
				<view class="Excel_view">
				<!-- 	<view class="Excel_url">
						https://jlapi.ssddjj.com/upload/export/user/20200605/J20200522000000063.xlsx
					</view> -->
					<!--<view class="Excel_file">
						<view class="Excel_download">复制Excel下载地址</view>
						<view class="Excel_open" @click="unfold('https://jlapi.ssddjj.com/upload/export/user/20200605/J20200522000000063.xlsx')">直接打开Excel</view>
					</view>
					
					<view class="table_Excel">
						<view class="top_Excel">如何导出Excel表格到电脑？</view>
						<view class="content_Excel">
							<view>1、点击"复制Excel下载链接";</view>
							<view>2、在微信手机端找到"文件传输助手";</view>
							<view>3、粘贴链接地址发送;</view>
							<view>4、在微信电脑端客户端找到"文件传输助手";</view>
							<view>5、点击刚刚粘贴的链接，直接下载保存Excel表格;</view>
						</view>
					</view>
				</view>-->
				<!-- <tui-list-cell :hover="false">
					<view class="tui-line-cell">
						<view class="tui-title-email">邮箱</view>
						<input placeholder-class="phcolor" class="tui-input-export" v-if="isShow == true" name="email" placeholder="请输入邮箱地址" maxlength="50" type="email"  v-model="email"/>
					</view>
				</tui-list-cell>
				<tui-list-cell>
					<view class="tui-export-footer-title">
						填写邮箱后并点击发送后，收支明细会自动发送到您的邮箱。
					</view>
				</tui-list-cell>
				<!-- <tui-button @click="submitExport" class="pro-btn" size="small">发送</tui-button> -->
				<!-- <view  class="pro-btn" @click="submitExport">发送</view> -->
			<!--</view>
		</tui-modal> -->
		<!-- 导出收支帐单 -->
	
		<!--加载loadding-->
		<tui-loadmore :visible="loadding" :index="3" type="red" v-if="empty == 1"></tui-loadmore>
		<tui-nomore :visible="!pullUpOn"  v-if="empty == 1"></tui-nomore>
		<!--加载loadding-->
		
		<!--toast提示-->
		<tui-toast ref="toast"></tui-toast>
		<!--toast提示-->
		
		<!-- 添加备注 -->
			<view class="share-pros" >
				<view class="share-pro-mask" v-if="comment_state" @click="comment"></view>
				<view class="share-pro-dialog-goods" :class="comment_state?'open':'closeCart'" catchtouchmove="disMove">
					<view class="tui-operation tui-chat-operation topdingdan">
						<view class="tui-export-title numbers">商家备注</view>
						<image src="../../static/my/icon/occlude3x.png" class="tui-avatar-autonym" @click="comment"></image>
					</view>
					<view class="goodsCart">
						<tui-list-cell :arrow="false" class="tui-list" :hover="false">
							<view class="tui-right rightzit" style="width:100% !important;text-align: left;">
								<textarea style="height: 200rpx;" class="tui-input-ordernumber" rows="50" cols="3" name="ordernumber" placeholder="输入回复信息" type="textarea"  v-model="editRemark"/>
							</view>
						</tui-list-cell>
					</view>
					<view class="tui-operation tui-chat-operation Determine">
						<button class="tui-btn export" @click="determine_comment(editRemark,comment_orderid)">确认回复</button>
					</view>
				</view>
			</view>
		<!-- 添加备注 -->
		
		<!-- 添加快递单号 -->
		<view class="share-pro" >
			<view class="share-pro-mask" v-if="seeCart" @click="colseCart"></view>
			<view class="share-pro-dialog-goods" :class="seeCart?'open':'closeCart'" catchtouchmove="disMove">
				<view class="tui-operation tui-chat-operation topdingdan">
					<view class="tui-export-title numbers">添加快递单号</view>
					<image src="../../static/my/icon/occlude3x.png" class="tui-avatar-autonym" @click="colseCart"></image>
				</view>
				<view class="goodsCart">
					<tui-list-cell :arrow="false" class="tui-list" :hover="false">
						<view class="tui-list-cell-name">快递单号</view>
						<view class="tui-right rightzit">
							<input class="tui-input-ordernumber" name="ordernumber" placeholder="输入快递单号" maxlength="50" type="text"  v-model="oddnumbers"/>
						</view>
					</tui-list-cell>
					<tui-list-cell :arrow="true" class="tui-list gongshi" :hover="false">
						<view class="tui-list-cell-name">快递公司</view>
						<view class="tui-right rightzit" @tap="openActionSheet()" >{{typename}}</view>
					</tui-list-cell>
					<tui-list-cell :arrow="false" class="tui-list gongshis" :hover="false">
						<view class="tui-list-cell-name">收件人：</view>
						<view class="tui-left">{{recipients}}</view>
					</tui-list-cell>
					<tui-list-cell :arrow="false" class="tui-list gongshis" :hover="false">
						<view class="tui-list-cell-name">联系电话：</view>
						<view class="tui-left">{{contactnumber}}</view>
					</tui-list-cell>
					<tui-list-cell :arrow="false" class="tui-list gongshis" :hover="false">
						<view class="tui-list-cell-name">收货地址：</view>
						<view class="tui-left">{{shippingaddress}}</view>
					</tui-list-cell>
				</view>
				<view class="tui-operation tui-chat-operation Determine">
					<button class="tui-btn export" @click="determine(steamrl)">确定录入</button>
				</view>
			</view>
		</view>
		
		<!-- <tui-actionsheet :show="showActionSheet" :tips="tips" :item-list="item" :mask-closable="maskClosable" :color="color" :size="size" :is-cancel="isCancel" @click="itemClick" @cancel="closeActionSheet"></tui-actionsheet> -->
		
		<!-- 添加快递单号-->
		
		<!-- 接龙退款 -->
		<view class="share-pros" >
			<view class="share-pro-mask" v-if="reimburse" @click="refundthe_shut"></view>
			<view class="share-pro-dialog-goods" :class="reimburse?'open':'closeCart'" catchtouchmove="disMove">
				<view class="tui-operation tui-chat-operation topdingdan">
					<view class="tui-export-title numbers">退款信息</view>
					<image src="../../static/my/icon/occlude3x.png" class="tui-avatar-autonym" @click="refundthe_shut"></image>
				</view>
				<view class="goodsCart tuikuanl">
					<tui-list-cell :arrow="false" class="tui-list" :hover="false">
						<view class="tui-list-cell-name">用户支付金额</view>
						<view class="tui-right rightzit" style="width: 70% !important;">
							<input class="tui-input-ordernumber" name="ordernumber" placeholder="用户支付金额" maxlength="50" type="text"  v-model="Amountpaidby_user" disabled="disabled"/>
						</view>
					</tui-list-cell>
					<tui-list-cell :arrow="false" class="tui-list gongshi" :hover="false">
						<view class="tui-list-cell-name">实际退款金额</view>
						<view class="tui-right rightzit" style="width: 70% !important;">
							<!-- <input placeholder-class="phcolor" @input="oninput(Amountpaidby_user_commit)" maxlength="8" class="tui-input" name="Amountpaidby_user_commit" placeholder="0.00" v-model="Amountpaidby_user_commit"  min="0.1" max="99999" step="0.01"  type="digit" /> -->
							<input class="tui-input-ordernumber" name="ordernumber" placeholder="用户支付金额" maxlength="50" type="text"  v-model="Amountpaidby_user_commit" disabled="disabled"/>
						</view>
					</tui-list-cell>
				</view>
				<view class="tui-operation tui-chat-operation Determine">
					<button class="tui-btn export" @click="application(Amountpaidby_order_id,Amountpaidby_user,Amountpaidby_user_commit,real_amount)">提交</button>
				</view>
			</view>
		</view>
		
		<tui-actionsheet :show="showActionSheet" :tips="tips" :item-list="item" :mask-closable="maskClosable" :color="color" :size="size" :is-cancel="isCancel" @click="itemClick" @cancel="closeActionSheet"></tui-actionsheet>
		
		<!-- 接龙退款 -->
		
		
		<!-- Excel导出 -->
		<view class="share-pro" >
			<view class="share-pro-mask" v-if="seeCart_Excel" @click="colseCart_Excel"></view>
			<view class="share-pro-dialog-goods" :class="seeCart_Excel?'open':'closeCart'" catchtouchmove="disMove">
				<view class="tui-operation tui-chat-operation topdingdan">
					<view class="tui-export-title numbers">导出数据表单</view>
					<image src="../../static/my/icon/occlude3x.png" class="tui-avatar-autonym" @click="colseCart_Excel"></image>
				</view>
				<view class="goodsCart">
					<view class="Excel_file">
						<view class="Excel_download" @click="duplication_Excel(ExcelUrl)">复制Excel下载地址</view>
						<view class="Excel_open" @click="unfold(ExcelUrl)">直接打开Excel</view>
					</view>
					
					<view class="table_Excel">
						<view class="top_Excel">如何导出Excel表格到电脑？</view>
						<view class="content_Excel">
							<view>1、点击"复制Excel下载链接";</view>
							<view>2、在微信手机端找到"文件传输助手";</view>
							<view>3、粘贴链接地址发送;</view>
							<view>4、在微信电脑端客户端找到"文件传输助手";</view>
							<view>5、点击刚刚粘贴的链接，直接下载保存Excel表格;</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- Excel导出-->
	</view>
</template>

<script>
	const dataTime = require('../../utils/util.js');
	import tuiTabs from "@/components/tui-tabs/tui-tabs"
	import tuiButton from "@/components/extend/button/button"
	import tuiLoadmore from "@/components/loadmore/loadmore"
	import tuiNomore from "@/components/nomore/nomore"
	import tuiListCell from "@/components/list-cell/list-cell"
	import tuiSticky from "@/components/sticky/sticky"
	import tuiCard from "@/components/card/card"
	import tuiIcon from "@/components/icon/icon"
	import tuiTag from "@/components/tag/tag"
	import tuiToast from "@/components/extend/toast/toast"
	import tuiTips from "@/components/extend/tips/tips"
	import tuiModal from "@/components/modal/modal"
	import tuiActionsheet from "@/components/actionsheet/actionsheet"
	
	// import tuiUpload from '@/components/tui-upload/tui-upload'
	// import tuiDatetime from "@/components/dateTime/dateTime"
	

	export default {
		components: {
			tuiTabs,
			tuiButton,
			tuiLoadmore,
			tuiNomore,
			tuiListCell,
			tuiSticky,
			tuiIcon,
			tuiCard,
			tuiTag,
			tuiToast,
			tuiTips,
			tuiActionsheet,
			tuiModal,
		},
		data() {
			return {
				// class 名称
				select_item: 0,
				empty: 1,
				statusList: [],
				page: 1,
				loadding: false,
				pullUpOn: true,
				// scrollTop: 0,
				rareData: [],
				payStatusList:[],
				pay_status: '',
				//orderTotal']['orderCount'
				orderData: {orderTotal:{orderCount:0,orderAmount:0},info:{title:'',buy_count:0,buy_amount:0}},
				result:{},
				parm:{},
				keyword: '',
				isShow: false,
				email: '',
				buyCount: 0,
				rareDatapz: [],
				seeCart: false,
				comment_state: false,
				maskClosable: true,
				tips: "",
				color: "#9a9a9a",
				size: 26,
				isCancel: true,
				typename: '请选择',
				item:[
						{
							color: "#1a1a1a",
							delivery_id: "BEST",
							text: "百世快递"
						},
						{
							color: "#1a1a1a",
							delivery_id: "EMS",
							text: "中国邮政速递物流"
						},
						{
							color: "#1a1a1a",
							delivery_id: "PJ",
							text: "品骏物流"
						},
						{
							color: "#1a1a1a",
							delivery_id: "SF",
							text: "顺丰速运"
						},
						{
							color: "#1a1a1a",
							delivery_id: "YTO",
							text: "圆通速递"
						},
						{
							color: "#1a1a1a",
							delivery_id: "YUNDA",
							text: "韵达快递"
						},
						{
							color: "#1a1a1a",
							delivery_id: "ZTO",
							text: "中通快递"
						}
					],
				showActionSheet: false,
				recipients: '',
				contactnumber:'',
				shippingaddress: '',
				delivery_id_always: '',
				oddnumbers: '',
				index_id: '',
				index_key: '',
				steamrl: '0',
				reimburse: false,
				Amountpaidby_user: '0.00',
				Amountpaidby_user_commit: '0.00',
				real_amount: '0.00',
				Amountpaidby_order_id: '',
				orderAmount: '0.00',
				orderCount: '0',
				// Excel 导出
				seeCart_Excel: false,
				ExcelUrl: '',
				ExcelUrl_xz: '',
				editRemark: '',
				comment_orderid: '',
				option_parm: {},
			}
		},
		onLoad: function(option){
			this.option_parm = option;
			this.parm = option;
			this.loadTop();
			this.loadData();
			this.tracking();
			wx.hideShareMenu();
		},
		onShow: function() {
			this.loadding = false
			this.pullUpOn = false
		}, 
		methods: {
			determine_comment: function(editRemark,comment_orderid){
				if(!editRemark){
					this.tui.toast("请输入回复信息");
					return false
				}
				console.log(editRemark);
				if(editRemark == this.rareData[comment_orderid]['merchant_remark']){
					let params = {
						title: "留言成功",
						imgUrl: "/static/toast/check-circle.png",
						icon: true
					};
					// this.rareData[comment_orderid]['merchant_remark'] = editRemark;
					this.$refs.toast.show(params);
					this.comment_state = !this.comment_state;
				}else{
					this.tui.request('order/editRemark',{
						order_id:this.rareData[comment_orderid]['order_id'],
						merchant_remark:editRemark,
					}).then((res) => {
						if(res.code == '0000'){
							this.isShow = false
							let params = {
								title: "留言成功",
								imgUrl: "/static/toast/check-circle.png",
								icon: true
							};
							this.rareData[comment_orderid]['merchant_remark'] = editRemark;
							this.$refs.toast.show(params);
							this.comment_state = !this.comment_state;
						}else{
							let params = {
								title: res.msg,
								imgUrl: "/static/toast/info-circle.png",
								icon: true
							};
							this.$refs.toast.show(params);
						}
					}).catch((err) => {
						let params = {
							title: "服务器异常",
							imgUrl: "/static/toast/fail-circle.png",
							icon: true
						};
						this.$refs.toast.show(params);
					})
					
				}
			},
			// Excel 复制url地址
			duplication_Excel: function(waybill_id){
				wx.setClipboardData({
					data: waybill_id,
					success: function (res) {
						wx.hideLoading();
						wx.showModal({
							title: '提示',
							content: 'Excel地址复制成功！',
							showCancel: false
						});
					}
				})
			},
			unfold: function(e){
				
				var that = this;
				var filePath = e;//对应的网络路径，可以是内网的或者外网
			
				wx.downloadFile({//下载对应文件
				  url: filePath,
				  success: function (res) {
			
					var filePath = res.tempFilePath;//文件路径
			
					wx.openDocument({
					  filePath: filePath,//装载对应文件的路径
					  fileType: 'xlsx',//指定打开的文件类型
					  success: function (res) {
						console.log("打开成功");
					  },
					  fail: function (res) {
						console.log(res);
					  }
					})
			
				  },
				  fail: function (res) {
					console.log(res);
				  }
				})
				
				// wx.downloadFile({
				//   // 示例 url，并非真实存在
				//   url: e,
				//   success: function (res) {
				//     const filePath = res.tempFilePath
				//     wx.openDocument({
				//       filePath: filePath,
				//       success: function (res) {
				//         console.log('打开文档成功')
				//       }
				//     })
				//   }
				// })
				
				// wx.downloadFile({
				// 	url: e, // 仅为示例，并非真实的资源
				// 	success(res) {    // 只要服务器有响应数据，就会把响应内容写入文件并进入 success 回调，业务需要自行判断是否下载到了想要的内容
				// 		if (res.statusCode === 200) {
				// 			var filePath = res.tempFilePath
				// 		}
				// 	}
				// })
			},
			phonecall: function(e){
				console.log(e);
				wx.makePhoneCall({
					phoneNumber: e,
				})
			},
			Checkthedelivery: function(waybill_id,delivery_id){
				
				
				
				// that.tui.request_false('express/path',{
				// 	'waybill_id':waybill_id,
				// 	'delivery_id':delivery_id
				// 	}).then((res) => {
				// 	if(res.code == '0000'){
				// 		console.log(res);
						
				// 	}else{
				// 		let params = {
				// 			title: "未查询到信息",
				// 			imgUrl: "/static/toast/fail-circle.png",
				// 			icon: true
				// 		};
				// 		that.$refs.toast.show(params);
				// 	}
				// }).catch((err) => {
				// 	let params = {
				// 		title: "未查询到信息",
				// 		imgUrl: "/static/toast/fail-circle.png",
				// 		icon: true
				// 	};
				// 	that.$refs.toast.show(params);
				// })
				
			},
			tracking: function(){
				let that = this;
				that.tui.request_false('express/delivery',{
				
					}).then((res) => {
					if(res.code == '0000'){
						that.item = res.list;
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				})
			},
			deliveries: function(order_id){
				if(!order_id){
					this.tui.toast("订单不存在！");
					return false
				}
				
				console.log(order_id);
				let then = this;
				wx.showModal({
					title: '提示！',
					content: '您确定已被提货吗？',
					success(res) {
						if (res.confirm) {
							console.log('用户点确定了');
							
							then.tui.request('order/shipping',{
								order_id:order_id,
							}).then((res) => {
								if(res.code == '0000'){
									then.isShow = false
									let params = {
										title: "提货成功",
										imgUrl: "/static/toast/check-circle.png",
										icon: true
									};
									
									then.rareData = [];
									then.page = 1;
									then.loadTop();
									then.loadData();
									then.refundthe_shut();
									then.$refs.toast.show(params);
								}else{
									let params = {
										title: res.msg,
										imgUrl: "/static/toast/info-circle.png",
										icon: true
									};
									then.$refs.toast.show(params);
								}
							}).catch((err) => {
								let params = {
									title: "服务器异常",
									imgUrl: "/static/toast/fail-circle.png",
									icon: true
								};
								then.$refs.toast.show(params);
							})
							
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				})
			},
			oninput: function(goods_price_fen){
				// console.log(goods_price_fen,item);
				// console.log('aaaaaaaaaaa oninput aaaa',e.detail.value);
				// var totalvalue = goods_price_fen.replace(/\.{2,}/g,".");
				if(goods_price_fen > this.Amountpaidby_user){
					wx.showToast({
						title: '退款金额不能大于原金额哦！',
						icon: 'none',
						duration: 2000
					})
					setTimeout(() => {
						this.Amountpaidby_user_commit = this.Amountpaidby_user;
					}, 1);
					return true;
				}
				var valuenum = goods_price_fen.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');
				// var valuenum = valuenum.replace(/[^\d.]/g, '');
				setTimeout(() => {
					this.Amountpaidby_user_commit = valuenum;
				}, 1);
				
				// this.goods_list[item].goods_price_fen = goods_price_fen.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');
				// console.log(this.goods_list[item].goods_price_fen);
				
			},
			// 开启退款弹窗
			refundthe: function(order_id,amount,real_amount){
				this.reimburse = true;
				this.Amountpaidby_user = amount;
				this.Amountpaidby_user_commit = amount;
				this.Amountpaidby_order_id = order_id;
				this.real_amount = real_amount;
			},
			// 关闭退款弹窗
			refundthe_shut: function(){
				this.reimburse = false;
			},
			refundthe_cancel: function(order_id){
				if(!order_id){
					this.tui.toast("订单不存在！");
					return false
				}
				
				let then = this;
				wx.showModal({
					title: '提示！',
					content: '您确定取消退款吗？',
					success(res) {
						if (res.confirm) {
							console.log('用户点确定了');
							then.tui.request('order/refundRefuse',{
								order_id:order_id,
							}).then((res) => {
								if(res.code == '0000'){
									then.isShow = false
									let params = {
										title: "取消成功",
										imgUrl: "/static/toast/check-circle.png",
										icon: true
									};
									
									then.rareData = [];
									then.page = 1;
									then.loadTop();
									then.loadData();
									then.refundthe_shut();
									then.$refs.toast.show(params);
								}else{
									let params = {
										title: res.msg,
										imgUrl: "/static/toast/info-circle.png",
										icon: true
									};
									then.$refs.toast.show(params);
								}
							}).catch((err) => {
								let params = {
									title: "服务器异常",
									imgUrl: "/static/toast/fail-circle.png",
									icon: true
								};
								then.$refs.toast.show(params);
							})
							
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				})
			},
			// 退款方法
			application: function(order_id,amount_yuan,amount,real_amount){
				
				if(!order_id){
					this.tui.toast("订单不存在！");
					return false
				}
				
				console.log(order_id);
				console.log(amount);
				let then = this;
				wx.showModal({
					title: '提示！',
					content: '您确定退款吗？',
					success(res) {
						if (res.confirm) {
							console.log('用户点确定了');
							
							then.tui.request('order/refundChecked',{
								order_id:order_id,
								refund_amount:real_amount,
							}).then((res) => {
								if(res.code == '0000'){
									then.isShow = false
									let params = {
										title: "退款成功",
										imgUrl: "/static/toast/check-circle.png",
										icon: true
									};
									
									then.rareData = [];
									then.page = 1;
									then.loadTop();
									then.loadData();
									then.refundthe_shut();
									then.$refs.toast.show(params);
								}else{
									let params = {
										title: res.msg,
										imgUrl: "/static/toast/info-circle.png",
										icon: true
									};
									then.$refs.toast.show(params);
								}
							}).catch((err) => {
								let params = {
									title: "服务器异常",
									imgUrl: "/static/toast/fail-circle.png",
									icon: true
								};
								then.$refs.toast.show(params);
							})
							
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				})
			},
			duplication: function(waybill_id){
				wx.setClipboardData({
					data: waybill_id,
					success: function (res) {
						wx.hideLoading();
						wx.showModal({
							title: '提示',
							content: '单号复制成功',
							showCancel: false
						});
					}
				})
			},
			determine: function(steamrl){
				if(!this.oddnumbers){
					this.tui.toast("请输入快递单号");
					return false
				}
				if(!this.typename || this.typename == '请选择'){
					this.tui.toast("请输入选择快递公司");
					return false
				}
				if(!this.index_id){
					this.tui.toast("选择的订单有误");
					this.colseCart();
					return false
				}
				if(steamrl == '0'){
					this.tui.request('order/shipping',{
						order_id:this.index_id,
						remarks:'',
						delivery_id:this.delivery_id_always,
						delivery_name:this.typename,
						waybill_id:this.oddnumbers
					}).then((res) => {
						if(res.code == '0000'){
							this.isShow = false
							let params = {
								title: "录入成功",
								imgUrl: "/static/toast/check-circle.png",
								icon: true
							};
							
							this.rareData = [];
							this.page = 1;
							this.loadData();
							this.colseCart();
							this.$refs.toast.show(params);
						}else{
							let params = {
								title: res.msg,
								imgUrl: "/static/toast/info-circle.png",
								icon: true
							};
							this.$refs.toast.show(params);
						}
					}).catch((err) => {
						let params = {
							title: "服务器异常",
							imgUrl: "/static/toast/fail-circle.png",
							icon: true
						};
						this.$refs.toast.show(params);
					})
				}else{
					this.tui.request('order/shipping',{
						order_id:this.index_id,
						remarks:'',
						delivery_id:this.delivery_id_always,
						delivery_name:this.typename,
						waybill_id:this.oddnumbers,
						key:'0'
					}).then((res) => {
						if(res.code == '0000'){
							this.isShow = false
							let params = {
								title: "修改成功",
								imgUrl: "/static/toast/check-circle.png",
								icon: true
							};
							// that.tui.onLoad();
							this.rareData = [];
							this.page = 1;
							this.loadData();
							this.colseCart();
							this.$refs.toast.show(params);
						}else{
							let params = {
								title: res.msg,
								imgUrl: "/static/toast/info-circle.png",
								icon: true
							};
							this.$refs.toast.show(params);
						}
					}).catch((err) => {
						let params = {
							title: "服务器异常",
							imgUrl: "/static/toast/fail-circle.png",
							icon: true
						};
						this.$refs.toast.show(params);
					})
				}
			},
			closeActionSheet: function() {
				this.showActionSheet = false
			},
			itemClick: function(e) {
				let index = e.index;
				this.typename = this.item[index]['text'];
				this.delivery_id_always = this.item[index]['delivery_id'];
				this.closeActionSheet();
			},
			openActionSheet: function() {
				let color = "#9a9a9a";
				let size = 26;
				let itemList = this.item;
				setTimeout(() => {
					this.showActionSheet = true;
					this.item = itemList;
					this.maskClosable = true;
					this.tips = '';
					this.color = color;
					this.size = size;
					this.isCancel = true;
				}, 0)
			},
			comment: function(){
				this.comment_state = false;
			},
			colseCart: function(){
				this.seeCart = false;
			},
			colseCart_Excel: function(){
				this.seeCart_Excel = false;
			},
			lookCart: function(shipping_param,index,index_key){
				this.index_key = index_key;
				this.index_id = index;
				this.typename = '请选择';
				this.delivery_id_always = '';
				this.steamrl = '0';
				this.oddnumbers = '';
				for( let i = 0; i < shipping_param.length; i++ ){
					if(shipping_param[i]['name'] == '收件人'){
						if(shipping_param[i]['val']){
							this.recipients = shipping_param[i]['val'];
						}else{
							this.recipients = '';
						}
					}else if(shipping_param[i]['name'] == '手机号'){
						if(shipping_param[i]['val']){
							this.contactnumber = shipping_param[i]['val'];
						}else{
							this.contactnumber = '';
						}
					}else if(shipping_param[i]['name'] == '收货地址'){
						if(shipping_param[i]['val']){
							this.shippingaddress = shipping_param[i]['val'];
						}else{
							this.shippingaddress = '';
						}
					}
				}
				console.log(shipping_param);
				this.seeCart = !this.seeCart;
			},
			lookCart_comment: function(index,order_id,editRemark){
				this.editRemark = editRemark;
				this.comment_orderid = index;
				this.comment_state = !this.comment_state;
			},
			lookCart_amend: function(shipping_param,index,index_key,beforethe){
				this.steamrl = '1';
				this.delivery_id_always = beforethe[0].delivery_id;
				this.typename = beforethe[0].delivery_name;
				this.oddnumbers = beforethe[0].waybill_id;
				console.log(this.delivery_id_always);
				console.log(this.typename);
				console.log(this.oddnumbers);
				this.index_id = index;
				for( let i = 0; i < shipping_param.length; i++ ){
					if(shipping_param[i]['name'] == '收件人'){
						if(shipping_param[i]['val']){
							this.recipients = shipping_param[i]['val'];
						}else{
							this.recipients = '';
						}
					}else if(shipping_param[i]['name'] == '手机号'){
						if(shipping_param[i]['val']){
							this.contactnumber = shipping_param[i]['val'];
						}else{
							this.contactnumber = '';
						}
					}else if(shipping_param[i]['name'] == '收货地址'){
						if(shipping_param[i]['val']){
							this.shippingaddress = shipping_param[i]['val'];
						}else{
							this.shippingaddress = '';
						}
					}
				}
				console.log(shipping_param);
				this.seeCart = !this.seeCart;
			},
			num: function(index){
				let indexNum =  this.orderData['orderTotal']['order_count'] - index
				return {text:indexNum>= 0?indexNum:0};
			},
			showExport: function() {
				// this.isShow = true
				this.tui.request('dowmload/export',{
					// jielong_id: this.parm['jielong_id']?this.parm['jielong_id']:0,
					export_type: 'order',
				}).then((res) => {
					if(res.code == '0000'){
						this.ExcelUrl = this.tui.uploadDomain() + res.filename;
						this.ExcelUrl_xz = this.tui.interfaceUrl() + 'dowmload/dowmload/sn/' + res.sn;
						this.seeCart_Excel = true;
					}else{
						let params = {
							title: res.msg,
							imgUrl: "/static/toast/info-circle.png",
							icon: true
						};
						this.$refs.toast.show(params);
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
				})
			},
			hideExport: function() {
				this.isShow = false
			},
			formatPrice: function(fee){
				if(fee){
					return this.tui.centsToYuan(fee).toFixed(2);
				}else{
					return '0.00'
				}
				
			},
			bindconfirm: function(){
				this.page = 1;
				this.rareData = [];
				this.loadData();
			},
			activate: function(index,item,amount,count){
				console.log('activate',index,item,amount,count);
				if(index != this.select_item){
					console.log('item',item)
					if(item){
						this.parm = item;
					}
					
					// this.orderAmount = 0.00;
					// this.orderCount = 0;
					this.select_item = index;
					this.page = 1;
					this.rareData = [];
					this.orderAmount = amount / 100;
					this.orderCount = count;
					this.loadData();
				}
				
				
			},
			status: function(item){
				// let name = '';
				// let color = '#999999';
				// if(item.pay_open  == 1){
				// 	// if(item['pay_status'] == 1){
				// 	// 	color = '#0A8FE2';
				// 	// }
				// 	// name = this.result['payStatusList'][item['pay_status']]['title'];
				// }else{
				// 	// if(item['status'] == 1){
				// 	// 	color = '#0A8FE2';
				// 	// }
				// 	// name = this.result['statusList'][item['status']]['title'];
				// }
				return {text: item.title ,color: item.color, size:'28'};
			},
			formatDate: function (timestamp) {
				return {text: dataTime.getDateDiff(timestamp)}
			},
			nickname: function(nickname){
				return {text: nickname};
			},
			imageurl: function(image){
				return {url: image};
			},
			loadData: function(){
				let pagesize = 10
				this.loadding = true
				
				this.parm['page_size'] = pagesize;
				this.parm['page'] = this.page;
				this.parm['keyword'] = this.keyword;
				this.parm['jielong_id'] = this.option_parm['jielong_id']?this.option_parm['jielong_id']:0;
				console.log(this.parm);
				this.tui.request('order/merchantList', this.parm).then((res) => {
					if(res.data.list.length > 0){
						
						this.loadding = false;
						this.pullUpOn = true;
						this.empty = 1;
						this.page++;
						var money = 0.00;
						for( let i = 0; i < res.data.list.length; i++ ){
							res.data.list[i]['goods_info'] = JSON.parse(res.data.list[i]['goods_info']); 
							res.data.list[i]['shipping_param'] = JSON.parse(res.data.list[i]['shipping_param']); 
							if(res.data.list[i]['express_info']){
								res.data.list[i]['express_info'] = JSON.parse(res.data.list[i]['express_info']);
							}else{
								res.data.list[i]['express_info'] = '[{"delivery_id":"","delivery_name":"","waybill_id":""}]';
								res.data.list[i]['express_info'] = JSON.parse(res.data.list[i]['express_info']);
							}
							this.rareData.push(res.data.list[i]);
							money = money + res.data.list[i].amount;
						}
					}else{
						this.loadding = false
						this.pullUpOn = false
					}
					this.result = res
					if(res.data.list.length == 0 &&  this.page == 1){
						this.empty = 0
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
				})
			},
			loadTop: function(){
				let that =this;
				that.tui.request('order/merchantTotal', {id:this.parm['id']}).then((res) => {
					if(res.code == '0000'){
						console.log(res);
						// this.buyCount = res['info']['buy_count']
						this.orderData= res;
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				})
			},
			submitExport: function(){
				if(!this.email){
					this.tui.toast("请输入邮箱");
					return false
				}
				if(!dataTime.isEmail(this.email)){
					this.tui.toast("请输入正确的邮箱");
					return false
				}
				
				this.tui.request('jielong/export',{
					email:this.email,
					save_type:'email',
					keyword:this.keyword,
					status:this.parm['status'],
					type:this.parm['type'],
					jielong_id: this.parm['jielong_id']?this.parm['jielong_id']:0
				}).then((res) => {
					if(res.code == '0000'){
						this.isShow = false
						let params = {
							title: "发送成功",
							imgUrl: "/static/toast/check-circle.png",
							icon: true
						};
						this.$refs.toast.show(params)
					}else{
						let params = {
							title: res.msg,
							imgUrl: "/static/toast/info-circle.png",
							icon: true
						};
						this.$refs.toast.show(params);
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
				})
				
			
			},
			details: function(url,type){
				if(!url){
					return false;
				}
				if(type == 1){
					uni.switchTab({
						url: url
					});
					return false
				}
				uni.navigateTo({
				   url: url,
				});
			},
		},
		onPullDownRefresh: function() {
			setTimeout(() => {
				uni.stopPullDownRefresh()
			}, 200);
		},
		onReachBottom: function() {
			if(this.pullUpOn == true){
				this.loadData();
			}
		},
		// onPageScroll: function(e) {
		// 	this.scrollTop = e.scrollTop;
		// },

	}
</script>

<style lang="scss">
	@import '../../static/style/thorui.css';
	
	.case_box_order_title{
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		max-height: 120px;
		line-height: 40rpx;
	}
	
	.telephone{
		width: 27rpx;
		height: 27rpx;
		float: left;
		margin-left: 10rpx;
		margin-top: 6rpx;
	}
	
	.queren_s{
		// margin-top: 10rpx;
		border: 1rpx solid #1193E3 !important;
		color: #1193E3 !important;
		width: 130rpx;
		float: right;
	}
	
	.quxiao_s{
		color: #1193E3 !important;
		width: 130rpx;
		float: right;
		margin-right: 7px;
		// margin-top: 10rpx;
		border: 1rpx solid #1193E3 !important;
	}
	
	.queren{
		margin-top: 10rpx;
		color: red !important;
		width: 130rpx;
		float: right;
	}
	
	.quxiao{
		color: red !important;
		width: 130rpx;
		float: right;
		margin-right: 7px;
		margin-top: 10rpx;
	}
	
	.tui-input-box{
		background: #FFFFFF;
		padding-left: 5rpx;
		border-radius: 10rpx;
		border: 1rpx solid #efefef;
		width: 70% !important;
	}
	.jieLong{
		background: #FFFFFF;
		padding: 0rpx 40rpx 30rpx 40rpx;
	}
	.jieLong-title{
		font-size: 35rpx !important;
		font-weight: 450;
		margin: 10rpx auto;
	}
	.jieLong-detail-amount{
		padding-left: 25rpx;
	}
	.jieLong-detail{
		font-size: 30rpx;
		/* font-weight: 450; */
		margin: 20rpx auto;
	}
	.jieLong-pay{
		font-size: 28rpx;
		color: #9c9c9c;
		margin: 10rpx auto;
	}
	.jieLong-status{
		margin: 30rpx auto;
	}
	
	.tui-primary-outline,.tui-btn-mini{
		margin: 5px 13rpx;
		height: 50rpx !important;
		line-height: 49rpx !important;
		font-size: 28rpx !important;
		color: #1193E3 !important;
		background: #FFFFFF !important;
		/* color: #CCCCCC !important; */
	}
	.tui-outline-fillet{
		border: 2rpx solid #999999 !important;
		color: #999999 !important;
		border-radius: 30rpx;

	}
	.tui-primary-outline{
		border: 1px solid #1193E3 !important;
		border-radius: 30rpx !important;
	}

	.tui-primary-outline::after{
		/* border: 4rpx solid #0A8FE2 !important; */
		border: none !important;
	}
	.jieLong-gooods-title{
		color: #999999 !important;
		font-size: 28rpx !important;
		font-weight: 400 !important;
		margin: 10rpx auto;
	}
	
	.container {
		padding-bottom: env(safe-area-inset-bottom);
	}

	/* 接龙案例 */
	.case{
		/* background: #FFFFFF; */
		padding: 0 20rpx 0 20rpx;
	}
	.case_title{
		font-size: 35rpx;
		font-weight: 700;
		padding-top: 20rpx;
	}
	.case_describe{
		font-size: 28rpx;
		color: #a6a6a6;
		padding-top: 10rpx;
		line-height: 60rpx;
	}

	.tui-header-title{
		font-size: 30rpx !important;
		font-weight: 500;
		margin-top: 10rpx !important;
		color: #000000 !important;
	}
	.tui-title {
		width: 100%;
		padding: 70upx 30upx 30upx 30upx;
		box-sizing: border-box;
		font-size: 30upx;
		line-height: 30upx;
		color: #666;
	}
	.tui-card{
		margin: 0rpx !important;
		margin-top: 20rpx !important;
		box-shadow: 0 0 3rpx #eee !important;
		border: 1rpx solid #f5f5f5 !important;
	}
	.tui-header-thumb{
		border-radius: 50% !important;
		width: 80rpx !important;
		height: 80rpx !important;
	}
	.text-green{
		color: #000000 !important;
	}
	.text-red ,.text-grey,.text-blue,.text-orange{
		color: #999999 !important;
	}
	/* 接龙案例 */
	
	/* tuiTips */
	.tuiTips{
		margin-top: 30% ;
	}
	.tui-tips-content{
		font-size: 30rpx !important; 
		color: #cccccc !important;
	}
	/* tuiTips */
	.tui-goods-item {
		width: 100%;
		padding: 0rpx 30rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
	}
	.tui-goods-center {
		flex: 1;
		padding: 10rpx 8rpx;
		box-sizing: border-box;
	}
	.tui-goods-name {
		/* max-width: 410rpx; */
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		font-size: 28rpx;
		line-height: 32rpx;
		color: #999999;
		line-height: 45rpx;
	}
	.tui-list-cell::after{
		border-bottom: none !important;
	}
	.case_box{
		box-sizing: border-box;
		margin: 25rpx auto;
		/* margin-bottom: 50rpx; */
		font-size: 30rpx;
		padding: 10rpx 10rpx 0rpx 0rpx !important;
		font-weight: 450;
		width: 100%;
		text-align: right;
		padding-right: 30rpx;
		color: #000000;
		font-weight: 400;
	}
	.case_box_order{
		border-top: 1px solid #e9e9e9;
		box-sizing: border-box;
		margin: 10rpx auto;
		margin-top: 40rpx !important;
		color: #000000;
		font-size: 28rpx;
		padding: 5px 0rpx;
		width: 90%;
	}
	.case_box_order_title{
		padding: 10rpx 0;
		font-size: 28rpx !important;
		font-weight: 400 !important;
		// height: 38rpx;
		line-height: 38rpx;
	}
	.case_box_title{
		font-size: 30rpx;
		padding: 25rpx 30rpx;
		font-weight: 450;
		line-height: 40rpx;
	}
	.tui-operation{
		padding: 10px 30rpx 0rpx 30rpx;
	}
	.export{
		background-color: #FFFFFF;
		font-size: 25rpx;
		border-radius: 20rpx;
		/* padding: 3rpx 20rpx !important; */
		border: 1px solid #1193E3 !important;
		color: #1193E3 !important;
		// margin-top: 6%;
		/* margin-top: 2rpx !important; */
		/* border-radius: 25rpx !important; */
	}
	.tui-chat-input {
		background: #fff;
		height: 72upx;
		border-radius: 6upx;
		padding-left: 20upx;
		padding-right: 20upx;
		flex: 1;
		font-size: 28rpx;

	}
	
	
	/* 导出 */
	.tui-modal-export {
		text-align: center
	}
	.tui-export-title {
		padding-bottom: 20rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #33a3e7 !important; 
	}
	.tui-export-footer-title{
		font-size: 26rpx;
		text-align: left;
		color: #999999;
		line-height: 45rpx;
		margin: 30rpx auto;
	}
	.tui-line-cell {
		width: 100%;
		box-sizing: border-box;
		display: flex;
		align-items: left;
		background: #f6f6f6 !important;
		padding: 25rpx 30rpx;
		border-radius: 15rpx;
		vertical-align: middle;
	}
	
	.tui-title-email {
		line-height: 40rpx !important;
		flex-shrink: 0;
		font-weight: 400;
		float: left;
		width: 15%;
	}
	.tui-input-export {
		font-size: 32rpx;
		color: #333;
		padding-left: 20rpx;
		flex: 1;
		text-align: left;
		height: 40rpx !important;
		list-height: 40rpx !important;
		float: left;
		min-height: 40rpx !important;
		max-height: 40rpx !important;
		// z-index: -100;
	}
	.tui-btn-small {
		width: 90% !important;
		height: 80rpx !important;
		line-height: 80rpx !important;
		border-radius: 15rpx !important;
		background: #0A8FE2 !important;
	}
	.tui-modal-show{
		padding: 15px 15px !important;
	}
	.pro-btn{
		background: #0A8FE2 !important;
		color: #FFFFFF !important; 
		padding: 20rpx;
		box-sizing: border-box;
		border-radius: 10rpx;
	}
	/* 导出 */
	.tui-nomore-text{
		background: none !important;
	}
	.tui-right-flex{
		padding-left: 30rpx;
	}
	.express{
		color: #1193E3;
		float: right;
		// font-siez: ;
	}
	.oddnumbers{
		color: #999999;
	}
	.addnumbers{
		color: #1193E3;
		font-size: 27rpx;
		border: 1rpx solid #CCC;
		text-align: center;
		border-radius: 10rpx;
		line-height: 45rpx;
	}
	.share-pro{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-direction: column;
		z-index: 1000;
		line-height: 1;
		box-sizing: border-box;
		.share-pro-mask-share{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, 0);
		}
		.share-pro-mask{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.5);
		}
		.share-pro-dialog-goods {
			width: 750rpx;
			height: 900rpx;
			overflow: hidden;
			background-color: #fff;
			border-radius: 24rpx 24rpx 0px 0px;
			position: relative;
			box-sizing: border-box;
			position: fixed;
			bottom: 0;
			.close-btn {
				padding: 20rpx 15rpx;
				position: absolute;
				top: 0rpx;
				right: 29rpx;
				.share-colse{
					width: 40rpx;
					height: 40rpx;
				}
			}
			.share-pro-title {
				font-size: 30rpx !important;
				color: #1c1c1c;
				padding: 28rpx 41rpx;
				background-color: #FFFFFF;
				border-bottom: 1rpx solid #e8e8e8;
				font-weight: 450 !important;
			}
		
			.share-pro-body{
				display: flex;
				flex-direction: row;
				justify-content:space-around;
				font-size: 28rpx;
				color: #1c1c1c;
			
			}
		}
		
		.share-pro-dialog {
			width: 750rpx;
			height: 470rpx;
			overflow: hidden;
			background-color: #fff;
			border-radius: 24rpx 24rpx 0px 0px;
			position: relative;
			box-sizing: border-box;
			position: fixed;
			bottom: 0;
			.close-btn {
				padding: 20rpx 15rpx;
				position: absolute;
				top: 0rpx;
				right: 29rpx;
				.share-colse{
					width: 40rpx;
					height: 40rpx;
				}
			}
			.share-pro-title {
				font-size: 30rpx !important;
				color: #1c1c1c;
				padding: 28rpx 41rpx;
				background-color: #FFFFFF;
				border-bottom: 1rpx solid #e8e8e8;
				font-weight: 450 !important;
			}

			.share-pro-body{
				display: flex;
				flex-direction: row;
				justify-content:space-around;
				font-size: 28rpx;
				color: #1c1c1c;
				padding-bottom: 30rpx;
				.share-item{
					display: flex;
					flex-direction:column;
					justify-content: center;
					justify-content:space-around;
					.share-pro-title-text{
						font-size: 30rpx;
					}
					.share-pro-title-text-des{
						font-size: 28rpx;
						color: #CCCCCC;
						padding-top: 15rpx;
					}
					.share-icon{
						text-align:center;
						width: 100rpx;
						height: 100rpx;
						color: #42ae3c;
						margin: 0px auto;
						margin-top: 39rpx;
						margin-bottom: 16rpx;
					}
					&:nth-child(2){
						.share-icon{
							color: #ff5f33;
						}
					}
				}
			}
		}
	
		/* 显示或关闭内容时动画 */
	
		.open {
			transition: all 0.3s ease-out;
			transform: translateY(0);
		}
		.closeCart {
			transition: all 0.3s ease-out;
			transform: translateY(900rpx);
		}
		.close {
			transition: all 0.3s ease-out;
			transform: translateY(470rpx);
		}
	
	}
	.share-pros{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-direction: column;
		z-index: 1000;
		line-height: 1;
		box-sizing: border-box;
		.share-pro-mask-share{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, 0);
		}
		.share-pro-mask{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.5);
		}
		.share-pro-dialog-goods {
			width: 750rpx;
			height: 600rpx;
			overflow: hidden;
			background-color: #fff;
			border-radius: 24rpx 24rpx 0px 0px;
			position: relative;
			box-sizing: border-box;
			position: fixed;
			bottom: 0;
			.close-btn {
				padding: 20rpx 15rpx;
				position: absolute;
				top: 0rpx;
				right: 29rpx;
				.share-colse{
					width: 40rpx;
					height: 40rpx;
				}
			}
			.share-pro-title {
				font-size: 30rpx !important;
				color: #1c1c1c;
				padding: 28rpx 41rpx;
				background-color: #FFFFFF;
				border-bottom: 1rpx solid #e8e8e8;
				font-weight: 450 !important;
			}
		
			.share-pro-body{
				display: flex;
				flex-direction: row;
				justify-content:space-around;
				font-size: 28rpx;
				color: #1c1c1c;
			
			}
		}
		
		.share-pro-dialog {
			width: 750rpx;
			height: 470rpx;
			overflow: hidden;
			background-color: #fff;
			border-radius: 24rpx 24rpx 0px 0px;
			position: relative;
			box-sizing: border-box;
			position: fixed;
			bottom: 0;
			.close-btn {
				padding: 20rpx 15rpx;
				position: absolute;
				top: 0rpx;
				right: 29rpx;
				.share-colse{
					width: 40rpx;
					height: 40rpx;
				}
			}
			.share-pro-title {
				font-size: 30rpx !important;
				color: #1c1c1c;
				padding: 28rpx 41rpx;
				background-color: #FFFFFF;
				border-bottom: 1rpx solid #e8e8e8;
				font-weight: 450 !important;
			}
	
			.share-pro-body{
				display: flex;
				flex-direction: row;
				justify-content:space-around;
				font-size: 28rpx;
				color: #1c1c1c;
				padding-bottom: 30rpx;
				.share-item{
					display: flex;
					flex-direction:column;
					justify-content: center;
					justify-content:space-around;
					.share-pro-title-text{
						font-size: 30rpx;
					}
					.share-pro-title-text-des{
						font-size: 28rpx;
						color: #CCCCCC;
						padding-top: 15rpx;
					}
					.share-icon{
						text-align:center;
						width: 100rpx;
						height: 100rpx;
						color: #42ae3c;
						margin: 0px auto;
						margin-top: 39rpx;
						margin-bottom: 16rpx;
					}
					&:nth-child(2){
						.share-icon{
							color: #ff5f33;
						}
					}
				}
			}
		}
	
		/* 显示或关闭内容时动画 */
	
		.open {
			transition: all 0.3s ease-out;
			transform: translateY(0);
		}
		.closeCart {
			transition: all 0.3s ease-out;
			transform: translateY(600rpx);
		}
		.close {
			transition: all 0.3s ease-out;
			transform: translateY(470rpx);
		}
	
	}
	.tui-avatar-autonym{
		width: 36rpx;
		height: 36rpx;
		display: block;
		margin-left: 8rpx;
		float: right;
		margin-bottom: 10px;
	}
	.numbers{
		color: #000 !important;
		font-weight: 550;
		font-size: 33rpx !important;
	}
	.topdingdan{
		background-color: #FFF !important;
		border-bottom: 1rpx solid #E8E8E8;
	}
	.goodsCart .tui-list-cell{
		width: 90% !important;
		margin: 0 auto !important;
		background-color: #F7F7F7 !important;
		top: 35rpx !important;
	}
	.gongshi .tui-list-cell{
		top: 70rpx !important;
	}
	.gongshis .tui-list-cell{
		top: 105rpx !important;
	}
	.gongshis .tui-left{
		text-align: left !important;
		width: 75% !important;
		font-size: 30rpx !important;
		color: #000 !important;
	}
	.goodsCart .tui-list-cell .tui-list-cell-name{
		font-size: 30rpx !important;
		font-weight: 550 !important;
		color: 000 !important;
	}
	.rightzit{
		width: 75% !important;
		color: #000 !important;
		font-size: 30rpx !important;
	}
	.Determine{
		width: 100%;
		position: absolute !important;
		bottom: 0rpx !important;
		padding: 0 0 0 0 !important;
		padding-right: 0 !important;
		height: 180rpx !important;
	}
	.Determine button{
		padding: 0 auto !important;
		margin: 0 auto !important;
		border-radius: 0rpx !important;
		color: #FFF !important;
		font-size: 40rpx !important;
		line-height: 120rpx !important;
		background-color: #1193E3 !important;
		height: 100% !important;
	}
	.tui-input-ordernumber{
		color: #000 !important;
	}
	.amount{
		color: red;
	}
	.tui-nomore::after{
		background: #f5f6f8 !important;
	}
	.addnumbers_view{
		color: #e8374d;
		font-size: 32rpx;
		width: 200rpx;
		// border: 1rpx solid #e8374d;
		border-radius: 8rpx;
		// background-color: #e8374d;
		height: 50rpx;
		text-align: center;
		line-height: 50rpx;
	}
	.tuikuanl view{
		// display: block !important;
	}
	.tui-actionsheet {
		height: 80%;
		overflow-y: scroll;
	}
	.kuaidibottom{
		margin-top: 0rpx !important;
		border: 0rpx solid #FFF;
		margin-bottom: 30rpx !important;
	}
	
	// 导出样式
	.table_Excel{
		width: 100%;
		height: 330rpx;
		text-align: left;
		color: #585858;
		font-size: 30rpx;
		line-height: 55rpx;
		padding: 30rpx;
	}
	.Excel_view{
		width: 100%;
		margin: 0 auto;
		// height: 180rpx;
	}
	.Excel_url{
		// border: 1rpx solid #000;
		height: 110rpx;
		text-overflow: ellipsis;
		word-wrap: break-word;
		padding-bottom: 35rpx;
	}
	.Excel_file{
		height: 150rpx;
		background: #F2F2FC;
	}
	.Excel_download{
		width: 45%;
		float: left;
		border: 1rpx solid #8FAFDF;
		margin-right: 3%;
		font-size: 28rpx;
		height: 80rpx;
		line-height: 80rpx;
		color: #8FAFDF;
		border-radius: 20rpx;
		margin-top: 35rpx;
		text-align: center;
		margin-left: 3.5%;
	}
	.Excel_open{
		width: 45%;
		float: left;
		border: 1rpx solid #8FAFDF;
		font-size: 28rpx;
		height: 80rpx;
		line-height: 80rpx;
		color: #8FAFDF;
		border-radius: 20rpx;
		margin-top: 35rpx;
		text-align: center;
	}
</style>
